import React from 'react';
import Router from './components/ReactRouter';
// import Router from './components/MiniRouter';
import FomrComp from './test/react/Form';
import ScrollViewDemo from './test/react/Lifecycle';
import LazyComp from './demo/lazy-component';
import VirtualList from './demo/lazy-component/VirtualList';
import ReduxComp from './store/Comp';
import { TestComponent } from "./Test"

function App() {
  return (
    <div className="App">
      <Router/>
      <header className="App-header">
        <p>
          Edit <code>src/App.tsx</code> and save to reload.
        </p>
        {/* <FomrComp/>
        <ScrollViewDemo/>
        <LazyComp/>
        <VirtualList/> */}
      </header>
      {/* <ReduxComp/> */}
      <TestComponent/>
    </div>
  );
}

export default App;
